---
name: Ellipsis
---

import { Playground, PropsTable } from "docz";
import Ellipsis from "./index";

# Ellipsis

> 文本过长自动处理省略号，支持按照文本长度和最大行数两种方式截取。

## Basic Usage

通过设置 `length` 属性指定文本最长长度，如果超过这个长度会自动截取。

<Playground>
  <Ellipsis length={20}>
    There were injuries alleged in three cases in 2015, and a fourth incident in
    September, according to the safety recall report. After m
  </Ellipsis>
</Playground>

通过设置 `lines` 属性指定最大行数，如果超过这个行数的文本会自动截取。但是在这种模式下所有 children 将会被转换成纯文本。

并且注意在这种模式下，外容器需要有指定的宽度（或设置自身宽度）。

<Playground>
  <Ellipsis tooltip lines={3}>
    <p>
      There were injuries alleged in three <a href="#cover">cases in 2015</a>,
      and a fourth incident in September, according to the safety recall report.
      After meeting with US regulators in October, the firm decided to issue a
      voluntary recall.
    </p>
  </Ellipsis>
</Playground>

## Props

<PropsTable of={Ellipsis} />
